<script>
export default {
  name: "hm-main"
}
</script>

<template>
  <section class="main">
    我是main组件
    <hm-button></hm-button>
  </section>
</template>

<style scoped lang="less">
.main {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #10dc8e;
  font-size: 18px;
  color: #ffffff;
}
</style>